.toast { padding: 8px 35px 8px 14px; margin-bottom: 8px; border: 2px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .toast:hover { cursor: pointer; } #toast-container { color: #FAFAFA; left: 12px; position: fixed; bottom: 12px; width: 300px; z-index: 9999; } .toast-title { font-weight: bold; } .toast-success { background-color: #8BC34A; border-color: #689F38; } .toast-error { background-color: #F44336; border-color: #D32F2F; } .toast-info { background-color: #03A9F4; border-color: #0288D1; } .toast-warning { background-color: #FF9800; border-color: #F57C00; }